
// 根据传递的url参数渲染
$.ajax({
	url:apiBaseUrl+'/goods/lists',
	dataType:"json",
	data:{
		categoryId:userOption.categoryId
	},
	success:function(datas){
		//判断数据正常
		if(datas.msg != "ok"){
			layer.msg(datas.msg)
		}
		let dat = datas.data;
		//渲染视图
		let html = '';
		for (let da of dat) {
			html += `
			<li data-id="${da.id}" data-categoryI="${da.categoryI}">
				<!-- 左边盒子 -->
				<div class="left-img">
					<img src="${da.goodsImg}" >
				</div>
				<!-- 右边盒子 -->
				<div class="right-body">
					<!-- 商品标题· -->
					<div class="sh-title">
						<h3>${da.goodsName}</h3>
					</div>
					<!-- 商品价格· -->
					<div class="sh-price">
						<span>${da.shopPrice}</span>
					</div>
					<!-- 商品介绍 -->
					<div class="sh-contxet">
						${da.goodsBody}
					</div>
				</div>
			</li>
			`;
		}
		// 渲染
		$('.page>ul').html( html );
	}
})

// 分页
layui.use('laypage', function(){
  var laypage = layui.laypage;
  
  //执行一个laypage实例
  laypage.render({
    elem: 'pages' //注意，这里的 test1 是 ID，不用加 # 号
    ,count: 5 //数据总数，从服务端得到
  });
});